.container {
    background: #f8f8fa;
    height: 100vh;
}

.head {
    width: 100%;
    background: #f8f8f8;
    box-sizing: border-box;
    padding: 0 30rpx 0;

}

.c-h {
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 16rpx;
    padding-top: 35rpx;
    padding-bottom: 40rpx;
}

.tips-box {
    padding: 19rpx 30rpx;
    text-align: center;
    background: rgba(255, 126, 104, 0.1);
    color: #FF7E68;
    font-size: $font-mini;
    margin-bottom: 30rpx;
}

.head-top {
    height: 50rpx;
    justify-content: center;
}

.name {
    margin-left: 16rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: $black;
}

.image {
    width: 30rpx;
    height: 30rpx;
}

.still-more {
    width: 40rpx;
    height: 40rpx;
}

.head-root {
    justify-content: center;
}

.amount {
    padding-top: 30rpx;
    padding-bottom: 10rpx;
    font-size: 88rpx;
    font-weight: 900;
    color: $black;
}

.condition {
    justify-content: center;
    font-size: 28rpx;
    font-weight: 400;
    color: #9EA1BB;
}

.foot {
    width: 100vw;
    box-sizing: border-box;
    background: #f8f8fa;
    padding: 30rpx 30rpx 30rpx 30rpx;
}

.msg {
    border-radius: 16rpx;
    background: #FFFFFF;
    padding: 24rpx;
    margin-bottom: 24rpx;
}

.row {
    margin-top: 30rpx;
    @include space-between;
}

.row-first {
    margin-top: 0;
}

.row-key {
    font-size: 28rpx;
    font-weight: 400;
    color: $grey;
}

.row-value {
    font-size: 28rpx;
    font-weight: 400;
    color: $black;
}

.mysmall {
    font-size: 28rpx;
}

.enhance {
    height: auto;
    width: auto;
    max-width: 420rpx;
    text-align: right;
}

.reinforce {
    align-items: flex-start;
}

.alonephoneicon {
    width: 26rpx;
    height: 26rpx;
}